Breakpoints und Browserunterstützung
Letztes Update:
21. September 2023
Entwurf – Inhalt noch in Arbeit
Symbolbild
Wie hilft dieses Element den Nutzern?
Alle digitalen Plattformen müssen gestalterisch und technisch derart aufgebaut werden, dass sie sich an die Eigenschaften der jeweiligen Endgeräte anpassen.
Dabei wird die Breite des Browserfensters herangezogen um das Layout für unterschiedliche Breiten des Browserfensters anzupassen.
Wann kommt dieses Element zum Einsatz?
Eine Reduktion der Inhalte für mobile Geräte erfolgt nicht, da grundsätzlich auf allen Geräten die gleichen Informationen aufrufbar sein müssen.
Was darf sein:
- Elemente in der Größe verändern
- Elemente neu anordnen
Was darf nicht sein:
- Inhalte verändern
- Elemente ein- und ausblenden
- Elemente reduzieren.
UX Konzeption
Breakpoints
Für Hofer-Reisen, Aldi Suisse, Aldi Ungarn und Just Away gelten aktuell folgende Breakpoints:
| XL | L | M | S | XS |
| aktuell keine | $screen-lg: 1200px !default; | $screen-md: 992px !default; | $screen-sm: 768px !default; | $screen-xs: 480px !default; |
Für Ruefa gelten aktuell folgende Breakpoints:
| XL | L | M | S | XS |
| aktuell keine | 1400 px | 992px | 576 px | keine |
Browserunterstützung
Desktop
| Windows | OS | Linux | |
| Chrome | |||
| Firefox | |||
| Safari | |||
| Edge | |||
Tablet und Mobil
| Phone | Tablet | |
| Safari | ||
| Chrome |